<!DOCTYPE html>
<html>

<head lang="en">
    <meta charset="UTF-8">
    <!--<meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover">-->
    <title>KaCa人员详情页</title>
    <link rel="stylesheet" href="css/newPerson.css"/>
    <link rel="stylesheet" href="css/swiper-3.4.2.min.css"/>
    <!--<script src="//cdn.jsdelivr.net/npm/eruda"></script>-->
    <!--<script>eruda.init();</script>-->
</head>

<body>

<script type="text/template" id="swiperTpl">

    <div class="container">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                {{each data.goods_banner as item i}}
                <div class="swiper-slide">
                    <img src="{{item.img_url}}" alt=""/>
                </div>
                {{/each}}
            </div>
            <div class="swiper-pagination"></div>
        </div>

        <section id="section">
            <div class="personName">
                <h2>{{data.goods_name}}</h2>

                <p>{{data.category_info.cat_name}}</p>
            </div>
            <div class="star" id="star">
                <p id="star_in">
                    <b class="no"></b>
                    <b class="no"></b>
                    <b class="no"></b>
                    <b class="no"></b>
                    <b class="no"></b>
                </p>
            </div>
            <div class="tagP">
                <ul class="tag">
                    {{each data.goods_tag as value index}}
                    <li>{{value.name}}</li>
                    {{/each}}
                </ul>
                <p><span class="price">{{ data.shop_price}}</span>/{{ data.price_unit}}</p>
            </div>
            <div class="addressP">
                <p>服务范围：北京市</p>

                <p class="gongxianzhi">贡献值：{{data.rate_of_contribution}}</p>
            </div>
            <!--展开隐藏-->
            <!--<p class="show show_no"></p>-->
        </section>

        <div class="bg"></div>

        <div class="chooes">
            <div class="meal">
                <span>套餐</span>
                <ul class="setMeal">
                    {{if data.goods_meal.length>0&&data.goods_meal!=null}}
                    {{each data.goods_meal as item i}}
                    <li data-type="{{item.group_price}}" id="{{item.id}}" data-mealtype="{{item.meal_type}}"
                        data-worth="{{item.group_worth}}">
                        {{item.group_name}}
                    </li>
                    {{/each}}

                    {{/if}}
                </ul>
            </div>
            <div class="langTimeF">
                <span> 时长</span>
                <ul class="langTime">
                    {{if data.base_time_long_config.length>0}}
                    {{each data.base_time_long_config as value index}}
                    <li data-type="{{value.meal_time_shop_price}}" id="{{value.time_long_info.id}}">
                        {{value.time_long_info.time_name}}
                    </li>
                    {{/each}}
                    {{/if}}
                </ul>
            </div>
            <div class="date">
                <span>时间</span>

                <div>
                    <input class="startDate" type="text" value="开始时间" readonly/>
                    <span class="line"></span>
                    <input class="endDate" type="text" value="结束时间" readonly/>
                </div>
            </div>



        </div>
        <div class="bg"></div>


        <div id="productMsgAppraise">
            <ul>
                <li class="productMsg msg message">

                    <p>简介</p>
                    <span></span>

                </li>
                <li class="productMsg msg dangqi">

                    <p>档期</p>
                    <span></span>

                </li>
                <li class="productMsg appraise">

                    <p>评价</p>
                    <span>{{data.commentCount}}</span>


                </li>
            </ul>

        </div>
        <div class="remark">
            <h2>下单备注</h2>

            <p>1、目前仅支持用户自取，请提前安排取送时间。</p>

            <p>2、归还时间包含在订单时间内，请在订单结束前归还。</p>

            <p>3、为了给您提供更好的服务，请您下单后尽快付款，超出30分钟订单将自动取消。</p>

            <p>4、部分服务支持1天起租，8H≤全天≤24H。</p>

            <p>5、超出24H且8H之内的部分按小时收费，不足1H按1H收取（日租金/8 * X小时）</p>
        </div>
        <!--第五部分：底部提交订单-->
        <footer id="footer">
            <p class="sub">￥{{data.shop_price}}</p>
            <ul>
                <li class="heart" id="heart"></li>
                <li class="footer_tit">收藏</li>
            </ul>
            <span class="cart">加入清单</span>
            <button class="button">立即结算</button>

        </footer>
    </div>
    <!--收藏成功弹窗-->
    <div class="collection">
        <div class="collection_heart"></div>
        <div class="info">
            <p class="info_ok">恭喜你收藏成功</p>

            <p class="info_look">要查看收藏的订单<br/>可在我的收藏页面查看</p>
        </div>
        <div class="ok">好的</div>
    </div>
    <div class="modelBox"></div>
    <!--点击购物车出现的小黑框-->
    <!--<div class="modal">-->
    <!--<div class="modalBox">-->
    <!--添加成功，在购物车等亲~-->
    <!--</div>-->
    <!--</div>-->
</script>
<script src="../person_home/js/flexible.js"></script>
<script src="../person_home/js/swiper-3.4.2.min.js"></script>
<script src="../person_home/js/jquery-3.2.1.min.js"></script>
<script src="../person_home/js/template.js"></script>
<script src="../person_home/js/isIphoneX.js"></script>
<script src="../person_home/js/url.js"></script>
<script src="js/person.js"></script>
</body>
</html>